<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>

	#videoShow{
		position: relative;
	}

	#videoShow .iconclose{
		position:absolute;
		top: -20px;
		right: -20px;
		border-radius: 50px;
	}

</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">

							<input id="id" name="id" th:value="${detailsReport.id}"  type="hidden">
							<input id="type" name="type" th:value="${detailsReport.type}"  type="hidden">

							<div class="form-group">
								<label class="col-sm-3 control-label">请选择专题：</label>
								<div class="col-sm-8">
									<input id="certificateList" type="text" class="form-control" name="topicId" th:value="${detailsReport.topicId}"
										   placeholder="请输入名称">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">标题：</label>
								<div class="col-sm-8">
									<input id="title" name="title" th:value="${detailsReport.title}" class="form-control" type="text">
								</div>
							</div>


							<div id="articleContent">

								<div class="form-group">
									<label class="col-sm-3 control-label">文章封面：</label>
									<div class="col-sm-8">

										<div id="license1">
											<img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
											<span class="iconclose" data-close="1"><img src="../../../img/close.png"></span>
										</div>

										<button type="button" class="btn btn-success" id="business" style="margin-top: 10px;">
											<i class="fa fa-cloud"></i>文章封面
										</button>
										<input id="videoCover" name="videoCover" class="form-control" type="hidden" th:value="${detailsReport.videoCover}">

									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label">文章内容：</label>
									<div class="col-sm-8">
										<input id="article" name="article" type="hidden" th:value="${detailsReport.article}">
										<div class="ibox-content no-padding">
											<div id="content_sn" class="brandCharacteristics editor"></div>
										</div>
									</div>
								</div>

							</div>

							<div id="video">
								<div class="form-group">
									<label class="col-sm-3 control-label">视频封面：</label>
									<div class="col-sm-8">

										<div id="license1">
											<img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
											<span class="iconclose" data-close="1"><img src="../../../img/close.png"></span>
										</div>
										<button type="button" class="btn btn-success" id="business" style="margin-top: 10px;">
											<i class="fa fa-cloud"></i>视频封面
										</button>
										<input id="videoCover" name="videoCover" th:value="${detailsReport.videoCover}" class="form-control" type="hidden">

									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label">视频信息：</label>
									<div class="col-sm-8">

										<div id="videoShow">
											<video width="200" height="200" th:src="${detailsReport.video}" controls autoplay>抱歉，您的浏览器不支持内嵌视频</video>
											<span class="iconclose" data-close="2"><img src="../../../img/close.png"></span>
										</div>

										<button type="button" class="btn btn-success" id="videoSrc" style="margin-top: 10px;">
											<i class="fa fa-cloud"></i>专题视频
										</button>


									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label">视频链接：</label>
									<div class="col-sm-8">
										<input id="videoInfo" placeholder="链接跟上传的视频为同一个" name="video" th:value="${detailsReport.video}" class="form-control"  type="text">
									</div>
								</div>
							</div>

							<div id="picture">
								<div class="form-group">
									<label class="col-sm-3 control-label">图片信息：</label>
									<div class="col-sm-8">

										<div id="license1">
											<img class="upImg" th:src="${detailsReport.image}" width="80" height="80"/>
											<span class="iconclose" data-close="1"><img src="../../../img/close.png"></span>
										</div>
										<button type="button" class="btn btn-success" id="business" style="margin-top: 10px;">
											<i class="fa fa-cloud"></i>上传图片
										</button>
										<input id="videoCover" name="image" th:value="${detailsReport.image}" class="form-control" type="hidden">

									</div>
								</div>
							</div>

							<div id="videoMadio">
								<div class="form-group">
									<label class="col-sm-3 control-label">缩略图封面：</label>
									<div class="col-sm-8">

										<div id="license1s">
											<img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
											<span class="closescale" data-close="1"><img src="../../../img/close.png"></span>
										</div>
										<button type="button" class="btn btn-success" id="videoImg" style="margin-top: 10px;">
											<i class="fa fa-cloud"></i>缩略图封面
										</button>
										<input id="videoCovers" name="videoCover" placeholder="image" th:value="${detailsReport.videoCover}" class="form-control" type="hidden">

									</div>
								</div>
							</div>

							<div id="media">

								<div class="form-group">
									<label class="col-sm-3 control-label">媒体来源：</label>
									<div class="col-sm-8">
										<input name="mediaSource" placeholder="媒体来源" class="form-control" type="text" th:value="${detailsReport.mediaSource}">
									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label">媒体封面：</label>
									<div class="col-sm-8">

										<div id="license1">
											<img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
											<span class="iconclose" data-close="1"><img src="../../../img/close.png"></span>
										</div>
										<button type="button" class="btn btn-success" id="business" style="margin-top: 10px;">
											<i class="fa fa-cloud"></i>上传媒体封面
										</button>
										<input id="videoCover" name="videoCover" th:value="${detailsReport.videoCover}" class="form-control" type="hidden">

									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label">媒体内容：</label>
									<div class="col-sm-8">
										<input id="mediaRich" name="media" type="hidden" th:value="${detailsReport.media}">
										<div class="ibox-content no-padding">
											<div id="media_sn" class="brandCharacteristics editor"></div>
										</div>
									</div>
								</div>
							</div>


							<div class="form-group">
								<label class="col-sm-3 control-label">优先级：</label>
								<div class="col-sm-8">
									<input id="sortOrder" name="sortOrder" th:value="${detailsReport.sortOrder}" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button onclick="update()" type="button" class="btn btn-primary">提交</button>
								</div>
							</div>

						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="/js/webJs/jzweb/detailsReport/edit.js"></script>
</body>
</html>
